﻿<!DOCTYPE html>
<html>
  <head>
    <title>相对时间</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/相对时间/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/相对时间/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8967" class="ax_default">
        <div id="u8967_state0" class="panel_state" data-label="State1" style="">
          <div id="u8967_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8968" class="ax_default box_2">
              <div id="u8968_div" class=""></div>
              <div id="u8968_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8969" class="ax_default paragraph">
              <div id="u8969_div" class=""></div>
              <div id="u8969_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u8970" class="ax_default" data-label="header">
        <div id="u8970_state0" class="panel_state" data-label="State1" style="">
          <div id="u8970_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8971" class="ax_default box_1">
              <div id="u8971_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8972" class="ax_default">
              <div id="u8972_state0" class="panel_state" data-label="State1" style="">
                <div id="u8972_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8973" class="ax_default box_1">
                    <div id="u8973_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8974" class="ax_default box_1">
                    <div id="u8974_div" class=""></div>
                    <div id="u8974_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8975" class="ax_default box_1">
                    <div id="u8975_div" class=""></div>
                    <div id="u8975_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8976" class="ax_default image">
                    <img id="u8976_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8977" class="ax_default box_1">
                    <img id="u8977_img" class="img " src="images/index/u11.png"/>
                    <div id="u8977_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8978" class="ax_default box_1">
        <div id="u8978_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8980" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8980_div" class=""></div>
        <div id="u8980_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8981" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8981_div" class=""></div>
        <div id="u8981_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8982" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8982_div" class=""></div>
        <div id="u8982_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8983" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8983_div" class=""></div>
        <div id="u8983_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8984" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u8984_div" class=""></div>
        <div id="u8984_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8985" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8985_div" class=""></div>
        <div id="u8985_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8986" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8986_div" class=""></div>
        <div id="u8986_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8987" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8987_div" class=""></div>
        <div id="u8987_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8988" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8988_div" class=""></div>
        <div id="u8988_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8989" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8989_div" class=""></div>
        <div id="u8989_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8990" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8990_div" class=""></div>
        <div id="u8990_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8991" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8991_div" class=""></div>
        <div id="u8991_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8992" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8992_div" class=""></div>
        <div id="u8992_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8993" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8993_div" class=""></div>
        <div id="u8993_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8994" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8994_div" class=""></div>
        <div id="u8994_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8995" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8995_div" class=""></div>
        <div id="u8995_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8996" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8996_div" class=""></div>
        <div id="u8996_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8997" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8997_div" class=""></div>
        <div id="u8997_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8998" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8998_div" class=""></div>
        <div id="u8998_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8999" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u8999_div" class=""></div>
        <div id="u8999_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9000" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9000_div" class=""></div>
        <div id="u9000_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9001" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9001_div" class=""></div>
        <div id="u9001_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9002" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9002_div" class=""></div>
        <div id="u9002_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9003" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9003_div" class=""></div>
        <div id="u9003_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9004" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9004_div" class=""></div>
        <div id="u9004_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9005" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9005_div" class=""></div>
        <div id="u9005_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9006" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9006_div" class=""></div>
        <div id="u9006_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9007" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9007_div" class=""></div>
        <div id="u9007_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9008" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9008_div" class=""></div>
        <div id="u9008_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9009" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9009_div" class=""></div>
        <div id="u9009_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9010" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9010_div" class=""></div>
        <div id="u9010_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9011" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9011_div" class=""></div>
        <div id="u9011_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9012" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9012_div" class=""></div>
        <div id="u9012_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9013" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9013_div" class=""></div>
        <div id="u9013_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9014" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9014_div" class=""></div>
        <div id="u9014_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9015" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9015_div" class=""></div>
        <div id="u9015_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9016" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9016_div" class=""></div>
        <div id="u9016_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9017" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9017_div" class=""></div>
        <div id="u9017_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9018" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9018_div" class=""></div>
        <div id="u9018_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9019" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9019_div" class=""></div>
        <div id="u9019_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9020" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9020_div" class=""></div>
        <div id="u9020_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9021" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9021_div" class=""></div>
        <div id="u9021_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9022" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9022_div" class=""></div>
        <div id="u9022_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9023" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9023_div" class=""></div>
        <div id="u9023_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9024" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9024_div" class=""></div>
        <div id="u9024_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9025" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9025_div" class=""></div>
        <div id="u9025_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9026" class="ax_default box_1 selected" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9026_div" class="selected"></div>
        <div id="u9026_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9027" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9027_div" class=""></div>
        <div id="u9027_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9028" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9028_div" class=""></div>
        <div id="u9028_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9029" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9029_div" class=""></div>
        <div id="u9029_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9030" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9030_div" class=""></div>
        <div id="u9030_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9031" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9031_div" class=""></div>
        <div id="u9031_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9032" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9032_div" class=""></div>
        <div id="u9032_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9033" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9033_div" class=""></div>
        <div id="u9033_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9034" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9034_div" class=""></div>
        <div id="u9034_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9035" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9035_div" class=""></div>
        <div id="u9035_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9036" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9036_div" class=""></div>
        <div id="u9036_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9037" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9037_div" class=""></div>
        <div id="u9037_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9038" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9038_div" class=""></div>
        <div id="u9038_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9039" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9039_div" class=""></div>
        <div id="u9039_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9040" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9040_div" class=""></div>
        <div id="u9040_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9041" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9041_div" class=""></div>
        <div id="u9041_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9042" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-fenzu-light">
        <div id="u9042_div" class=""></div>
        <div id="u9042_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9043" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9043_div" class=""></div>
        <div id="u9043_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9044" class="ax_default box_1" selectiongroup="u8979nav-cebianlan-light">
        <div id="u9044_div" class=""></div>
        <div id="u9044_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u9046" class="ax_default">
        <div id="u9046_state0" class="panel_state" data-label="State1" style="">
          <div id="u9046_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9047" class="ax_default box_1">
              <div id="u9047_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u9048" class="ax_default">
              <div id="u9048_state0" class="panel_state" data-label="State1" style="">
                <div id="u9048_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9049" class="ax_default box_1">
                    <div id="u9049_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9050" class="ax_default label">
                    <div id="u9050_div" class=""></div>
                    <div id="u9050_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9051" class="ax_default label">
                    <div id="u9051_div" class=""></div>
                    <div id="u9051_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9052" class="ax_default label">
                    <div id="u9052_div" class=""></div>
                    <div id="u9052_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9053" class="ax_default label">
                    <div id="u9053_div" class=""></div>
                    <div id="u9053_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9054" class="ax_default label">
                    <div id="u9054_div" class=""></div>
                    <div id="u9054_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9055" class="ax_default label">
                    <div id="u9055_div" class=""></div>
                    <div id="u9055_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u9056" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u9057" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u9058" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u9059" class="ax_default image">
                    <img id="u9059_img" class="img " src="images/index/u93.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9060" class="ax_default label">
                    <div id="u9060_div" class=""></div>
                    <div id="u9060_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9061" class="ax_default heading_1">
        <div id="u9061_div" class=""></div>
        <div id="u9061_text" class="text ">
          <p><span>Time 相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9062" class="ax_default heading_1">
        <div id="u9062_div" class=""></div>
        <div id="u9062_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9063" class="ax_default label">
        <div id="u9063_div" class=""></div>
        <div id="u9063_text" class="text ">
          <p><span>常用于表示几分钟前、几小时前等相对于此时此刻的时间描述。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9064" class="ax_default label">
        <div id="u9064_div" class=""></div>
        <div id="u9064_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9065" class="ax_default label">
        <div id="u9065_div" class=""></div>
        <div id="u9065_text" class="text ">
          <p><span>根据当前时间自动计算。</span></p>
        </div>
      </div>

      <!-- min (Dynamic Panel) -->
      <div id="u9066" class="ax_default" data-label="min">
        <div id="u9066_state0" class="panel_state" data-label="State1" style="">
          <div id="u9066_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9067" class="ax_default label">
              <div id="u9067_div" class=""></div>
              <div id="u9067_text" class="text ">
                <p><span>若干分钟前</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9066_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u9066_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9068" class="ax_default label">
              <div id="u9068_div" class=""></div>
              <div id="u9068_text" class="text ">
                <p><span>若干分钟前</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- min (Dynamic Panel) -->
      <div id="u9069" class="ax_default" data-label="min">
        <div id="u9069_state0" class="panel_state" data-label="State1" style="">
          <div id="u9069_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9070" class="ax_default label">
              <div id="u9070_div" class=""></div>
              <div id="u9070_text" class="text ">
                <p><span>若干秒前</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9069_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u9069_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9071" class="ax_default label">
              <div id="u9071_div" class=""></div>
              <div id="u9071_text" class="text ">
                <p><span>若干秒前</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- min (Dynamic Panel) -->
      <div id="u9072" class="ax_default" data-label="min">
        <div id="u9072_state0" class="panel_state" data-label="State1" style="">
          <div id="u9072_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9073" class="ax_default label">
              <div id="u9073_div" class=""></div>
              <div id="u9073_text" class="text ">
                <p><span>若干小时前</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9072_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u9072_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9074" class="ax_default label">
              <div id="u9074_div" class=""></div>
              <div id="u9074_text" class="text ">
                <p><span>若干小时前</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
